<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // JS组成 
    // ECMAScript  (ES5 -> ES6)
    // BOM (Browser Object Model)  浏览器对象模型  -> 提供了操作浏览器的接口(页面跳转 历史记录 页面信息 设备信息 等等)
    // DOM (Document Object Model)  文档对象模型  -> 提供了操作文档的接口(页面跳转 历史记录 页面信息 设备信息 等等)


    // BOM => 浏览器对象模型 浏览器相关

    // window (窗口 -> 全局对象(Global Object) 全局相关的变量和方法都存储在window下)

    // var a = 10;
    // var b = 20;
    // function fn(a,b){
    //     return a + b;
    // }
    // console.log(a,b,fn);
    
    // console.log(window);

    // 一般情况下,为了书写方便 window可以省略
    // console.log(window.a);
    // console.log(window.b);
    // console.log(window.fn);
    // console.log(window.Math);  //window下的子对象
    // console.log(window.alert);  //window下的子对象

    // 注意: 全局变量下的name 和 status 表示窗口的名称,窗口的状态 -> 只能存储字符串类型 存储其他类型会隐式转字符串
    // window.name   窗口的名称
    // window.status  窗口的状态

    var name = 100;
    console.log(name);

    var status = true;
    console.log(status);

    // window下的子对象

    // document   文档对象(存储文档相关信息)
    // history    历史对象(存储当前窗口历史相关信息 页面后退和前进)
    // location   地址栏对象(地址栏相关的信息)
    // screen     屏幕(屏幕相关的信息)
    // navigator  设备信息(设备相关的信息)

    // 取值方式: window.document -> document




















</script>
</html>